
$(()=>{
  
    /*
    当进去前后端开发时 就会出现 跨域  问题
     AjAX的同源策略
     同源： 来自同一个地方

    跨域： 主机地址：端口号  如果不一样就 就叫跨域

    localhost:3000
    localhost:4000     跨域

    localhost:4000
    localhost:4000   同源

     localhost:3000
     127.0.0.1:3000  跨域


     如何解决跨域：

      1 （开发一般前端解决）前端解决
           1 jsonp （解决ajax的跨域问题）
           2 代理服务器 （推荐） http-proxy-middleware（配置）
      2 后台解决
            1 cors 协议 (跨域资源共享)
            解决的原理： 就是在响应中设置响应头来解决跨域
    */



     
      $("button").click(()=>{
           //-------json--------
          /* 
          $.ajax({
               type:"get",
               url:"http://localhost:4000/users/getstudent",
               dataType:"jsonp",  //使用jsonp
               jsonpCallback:"getdata", //getcallback函数取个名字（可以不用）
               success(data){
                   console.log(data);
               }
           }); */
           //---器--------------------------
           /*  $.ajax({
                type:"get",
                url:"/api/users/getstudent",
                dataType:"json",
                success(data){
                     console.log(data);
                }
            }) */
       代理服务
          /* $.ajax({
              type:"post",
              url:"/api/users/add",
              dataType:"json",
              success(data){
                  console.log(data);
              }
          }) */
        
          //cors（后台处理）处理跨域
         $.ajax({
             type:"get",
             url:"http://localhost:4000/users/getstudent",
             dataType:"json",
             success(data){
                  console.log(data);
             }
         });

      });
});
